<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport"
          content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>购物车</title>
    <link rel="stylesheet" type="text/css" href="../css/aui.css"/>
    <link rel="stylesheet" type="text/css" href="../css/aui-flex.css"/>
    <link rel="stylesheet" type="text/css" href="../css/common.css"/>
    <link rel="stylesheet" type="text/css" href="../css/mui.min.css"/>
    <style>
        body {
            font-size: 14px;
        }

        .mui-numbox {
            height: 25px;
            padding: 0 23px;
            width: 80px;
        }

        .mui-numbox [class*=btn-numbox], .mui-numbox [class*=numbox-btn] {
            width: 23px;
        }

        .aui-list-view i.aui-iconfont {
            font-size: 20px;
        }

        .aui-counter-list .aui-checkbox, .aui-counter-list .aui-radio {
            margin-top: 18px;
        }

        .aui-checkbox:checked:before, .aui-checkbox.aui-checked:before {
            top: 2px;
        }

        .aui-checkbox:checked:after, .aui-checkbox.aui-checked:after {
            content: "";
        }

        .aui-checkbox {
            margin: 9px 0;
        }
    </style>
</head>
<body class="aui-hide">
<div class="cars">
    <div class="carList">
        <div class="comName aui-padded-10 bgWhite aui-border-b"><i class="aui-iconfont aui-icon-shop"></i>供货商:广州公司</div>
        <div class="aui-content">
            <ul class="aui-list-view after-no-border">
                <li class="aui-list-view-cell aui-img aui-counter-list">
                    <!--<input class="aui-radio aui-margin-r-5" type="radio" name="demo1" checked>-->
                    <input class="aui-checkbox aui-margin-r-5 singleCheck" type="checkbox">
                    <img class="aui-img-object aui-pull-left aui-margin-r-5" src="../image/i7.jpg">
                    <div class="aui-img-body aui-flex-col">
                        <div class="aui-flex-item-8 aui-padded-t-5 ">
                            <p class="aui-ellipsis-1 font-size-12">土豪金苹果6</p>
                            <!--<p class="aui-ellipsis-1 font-size-12 aui-text-danger">赠送400积分</p>-->
                            <div class="mui-numbox aui-margin-t-5" data-numbox-min='0' data-numbox-max='100'>
                                <button class="mui-btn mui-numbox-btn-minus" type="button">-</button>
                                <input class="mui-numbox-input" type="number"/>
                                <button class="mui-btn mui-numbox-btn-plus" type="button">+</button>
                            </div>
                        </div>
                        <div class="aui-flex-item-4 aui-text-right">
                            <p class="  text-line-through">¥ 5288元</p>
                            <p class=" aui-text-danger  ">¥ 4998元</p>
                            <p class=" aui-text-danger  "><i class="aui-iconfont delet aui-text-default aui-icon-delete"
                                                             style=""></i></p>
                        </div>
                    </div>
                </li>
                <li class="aui-list-view-cell aui-img aui-counter-list">
                    <!--<input class="aui-radio aui-margin-r-5" type="radio" name="demo1" checked>-->
                    <input class="aui-checkbox aui-margin-r-5 singleCheck" type="checkbox">
                    <img class="aui-img-object aui-pull-left aui-margin-r-5" src="../image/car.png">
                    <div class="aui-img-body aui-flex-col">
                        <div class="aui-flex-item-8 aui-padded-t-5 ">
                            <p class="aui-ellipsis-1 font-size-12">最新款适用型小轿车</p>
                            <!--<p class="aui-ellipsis-1 font-size-12 aui-text-danger">赠送400积分</p>-->
                            <div class="mui-numbox aui-margin-t-5" data-numbox-min='0' data-numbox-max='100'>
                                <button class="mui-btn mui-numbox-btn-minus" type="button">-</button>
                                <input class="mui-numbox-input" type="number"/>
                                <button class="mui-btn mui-numbox-btn-plus" type="button">+</button>
                            </div>
                        </div>
                        <div class="aui-flex-item-4 aui-text-right">
                            <p class="  text-line-through">¥ 100298元</p>
                            <p class=" aui-text-danger  ">¥ 99999元</p>
                            <p class=" aui-text-danger  "><i class="aui-iconfont delet aui-text-default aui-icon-delete"
                                                             style=""></i></p>
                        </div>
                    </div>
                </li>
                <li class="aui-list-view-cell aui-img aui-counter-list">
                    <!--<input class="aui-radio aui-margin-r-5" type="radio" name="demo1" checked>-->
                    <input class="aui-checkbox aui-margin-r-5 singleCheck" type="checkbox">
                    <img class="aui-img-object aui-pull-left aui-margin-r-5" src="../image/i8.jpg">
                    <div class="aui-img-body aui-flex-col">
                        <div class="aui-flex-item-8 aui-padded-t-5 ">
                            <p class="aui-ellipsis-1 font-size-12">磨砂苹果7</p>
                            <!--<p class="aui-ellipsis-1 font-size-12 aui-text-danger">赠送400积分</p>-->
                            <div class="mui-numbox aui-margin-t-5" data-numbox-min='0' data-numbox-max='100'>
                                <button class="mui-btn mui-numbox-btn-minus" type="button">-</button>
                                <input class="mui-numbox-input" type="number"/>
                                <button class="mui-btn mui-numbox-btn-plus" type="button">+</button>
                            </div>
                        </div>
                        <div class="aui-flex-item-4 aui-text-right">
                            <p class="  text-line-through">¥ 7588元</p>
                            <p class=" aui-text-danger  ">¥ 7200元</p>
                            <p class=" aui-text-danger  "><i class="aui-iconfont delet aui-text-default aui-icon-delete"
                                                             style=""></i></p>
                        </div>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>

<footer class="aui-nav aui-padded-0-10" id="aui-footer">
    <ul class="aui-bar-tab aui-flex-col aui-padded-5-0  ">
        <div class="aui-flex-item-3"><input class="aui-checkbox aui-margin-r-5 allChoose " type="checkbox">
            <div class="aui-flex-row aui-flex-middle" style="height: 45px;">全选</div>
        </div>
        <div class="aui-flex-item-5 aui-text-right aui-padded-r-5">
            <p class="active font-weight-700">总计：￥250.22元</p>
            <p class="font-black-12">不含运费</p>
        </div>
        <div class="aui-flex-item-4">
            <div class="">
                <div class="aui-btn  bg-active aui-btn-block aui-padded-10 colorWhite " >
                    去结算
                </div>
            </div>
        </div>
    </ul>
</footer>
</body>
<script type="text/javascript" src="../script/api.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/myInfo.js"></script>
<script type="text/javascript" src="../script/jquery-1.11.3.js"></script>
<script type="text/javascript" src="../script/mui.js"></script>
<script type="text/javascript" src="../script/doT.min.js"></script>
<script type="text/javascript">
    var imgBase64, isLock = false;
    window.postType = 1;
    var myUid;
    var myName;
    var page = 1;
    var rong;
    var latitude, longitude;
    var emotionData;
    apiready = function () {
        api.parseTapmode();
        // getInfo();

        //发布完成后
        api.addEventListener({
            name: 'publishPostDone'
        }, function (ret, err) {
            headerChange(2, true);
        });

        //下拉刷新
//        api.setRefreshHeaderInfo({
//            visible: true,
//            loadingImg: 'widget://image/ptr_pull.png',
//            bgColor: '#efeff4',
//            textColor: '#959595',
//            textDown: '下拉刷新',
//            textUp: '松开刷新',
//            showTime: true
//        }, function (ret, err) {
//            page = 1;
//            isLock = false;
////            loadData();
//        });

        // 监听是否达到底部上拉加载
        api.addEventListener({
            name: 'scrolltobottom'
        }, function (ret, err) {
            page++;
//            if (!isLock) loadData(page);
        });


    }
    //    选择所有
    $(".allChoose").click(function () {
        var $AllThis = $(this)
        $(".cars").find("input[type='checkbox']").each(function () {
            $(this).prop("checked", $AllThis.prop("checked"))
        })
    })
    $(".singleCheck").click(function () {
        var len = $(".cars").find("input[type='checkbox']").length;
        var checkedNum = 0;
        $(".cars").find("input[type='checkbox']").each(function () {
            if ($(this).prop("checked")) {
                checkedNum++;
            }
        })
        if (len == checkedNum) {
            $(".allChoose").prop("checked", true)
        } else {
            $(".allChoose").prop("checked", false)
        }
    })
    function snedOrder() {

    }
    $(document).on("click",".delet",function () {
        $(this).closest("li").hide("slow",function () {
//            执行删除数据库
        });
    })
</script>
</html>